@import "../base/fn";
.baoma {
    @from-color: #ff0457;
    @to-color: #ff7a0d;
    .gradient(@from-color, @to-color);
    color: #fff;
    .setTapColor();
    .head {
        padding: 10px 20px;
        position: relative;
        .logo {
            width: 60%;
        }
        .coin {
            width: 45%;
            position: absolute;
            right: 5px;
            top: 0;
        }
        .desc {
            position: absolute;
            bottom: 6px;
            font-size: .75rem;
        }
    }
    .number_panel {
        .result {
            background: url(../../static/img/baoma/panda_waiting.jpg) no-repeat;
            background-size: 100%;
            font-size: .75rem;
            .rc {
                font-size: 1rem;
                margin: 60px 0 20px;
                color: #000;
            }
            .desc {
                color: #7b7b7b;
            }
        }
        .buttons {
            padding: 10px 0 20px;
            .btn {
                .gradient(@from-color, @to-color);
            }
        }
    }
    .summary {
        background: #ffffff url(../../img/baoma/shadow_1px.png) repeat-x;
    }
    .qunzhong {
        .gradient(#ff7403, #fdb701);
        .content {
            margin-top: -40px;
            position: relative;
        }
         .buttons {
            padding: 10px;
            text-align: center;
            .btn {
                background: #ffde00;
                color: #ff3737;
                font-weight: bold;
                padding: 6px 40px;
                &:before{
                    right: 20px;
                }
            }
        }
    }
}